<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Apple苹果(中国大陆) - 配件</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="icon" href="./imgs/pingguo.svg" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./css/cart.css">
    <link rel="stylesheet" href="./css/xiangyingshi.css">
    <script src="./libs/require.js" data-main="./js/indexMain"></script>
    <script src="./js/move.js"></script>
</head>
<body>

    <!-- 网页头部 -->
    <div class="mengban"></div>
    <div id="header">
        <div class="zhezhao">

        </div>
        
        <div class="header">
            <ul class="title">
                <li><a href="./home.html"><img src="./imgs/biaotiimgs/logo.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/Mac.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/iPad.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/iPhone.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/Watch.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/Music.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/jishu.png" alt=""></a></li>
                <li><a class="sousuo"><i class="iconfont">&#xe612;</i></a>
                <div class="sousuo-tan">
                        <div>
                            <i class="iconfont">&#xe612;</i>
                            <input type="text" >
                            <span>搜索 apple.com.cn</span>
                            <i class="iconfont guanbi">×</i>
                        </div>
                        
                </div>
                <aside>
                    <section class="sousuo-xia">
                        <h3>快速连接</h3>
                        <ul>
                            <li><a href="">查找零售店</a></li>
                            <li><a href="">Apple Store 商店在线选购</a></li>
                            <li><a href="">配件</a></li>
                            <li><a href="">AirPods</a></li>
                            <li><a href="">AirTag</a></li>
                        </ul>
                    </section>
                </aside>
                        
                </li>
                <li id="shangdian"><img src="./imgs/biaotiimgs/shooping.png" alt="" class="shangdian">
                    <div class="gouwudai-xiala">
                        <p class="gouwudai-kong">你的购物袋是空的</p>
                        <div>
                            <ul>
                                <li><i class="iconfont">&#xe61f;</i><a href="./shopping.html">购物袋</a></li>
                                <li><i class="iconfont">&#xe624;</i><a href="">收藏</a></li>
                                <li><i class="iconfont">&#xec89;</i><a href="">订单</a></li>
                                <li><i class="iconfont">&#xe60c;</i><a href="">账户</a></li>
                                <li><i class="iconfont">&#xe60a;</i><a href="./login.html" id="login">登录</a></li>
                                <script src="./js/jquery.js"></script>
                                <script>
                                // 登录守卫
                                // 判断是否具有登录标志
                                if(localStorage.getItem("isLogin") === "OK"){
                                    // 登录了
                                    $("#login").html(`<a id="login">${"注销"+localStorage.getItem("username")}</a>`)
                                }else{
                                    // 没登录
                                    $("#login").html(`<a href="./login.html">登录</a>`)
                                }
                                $("#login").click(function(){
                                    localStorage.setItem("isLogin","");
                                    location.href = "./login.html";
                                })
                                </script>
                            </ul>
                        </div>
                        
                    </div>
                </li>
            </ul>
        </div>
        
        <div class="header_shipei">
            <ul class="title2">
                <li><a href=""><i class="iconfont">&#xe62b;</i></a></li>
                <li><a href=""><img src="./imgs/pingguo2.svg" alt=""></a></li>
                <li><a href=""><img src="./imgs/shangdianda.svg" alt="" class="shangdian"></a></li>
            </ul>
        </div>
    </div>

    <nav id="top">
        <div class="nav-top">
            <a href="">配件</a>
            <span class="liulan">浏览全部
            </span>
            
        </div>
    </nav>
    <div class="erji">
        <ul class="erji-a">
            <li>按产品选购</li>
            <li><a href="">Mac</a></li>
            <li><a href="">iPad</a></li>
            <li><a href="">iPhone</a></li>
            <li><a href="">Watch</a></li>
            <li><a href="">所有产品</a></li>
        </ul>
        <ul>
            <li>按类别选购</li>
            <li><a href="">AirTag 及配件</a></li>
            <li><a href="">Apple Watch 表带</a></li>
            <li><a href="">Apple 独家提供</a></li>
            <li><a href="">HomeKit</a></li>
            <li><a href="">MagSafe</a></li>
            <li><a href="">保护壳及保护装备</a></li>
            <li><a href="">创造力</a></li>
            <li><a href="">存储</a></li>
        </ul>
        <ul>
            <li><a href="">打印机与扫描仪</a></li>
            <li><a href="">电源与线缆</a></li>
            <li><a href="">耳机与扬声器</a></li>
            <li><a href="">飞行器</a></li>
            <li><a href="">辅助功能</a></li>
            <li><a href="">健康与运动</a></li>
            <li><a href="">来自 Apple 的配件</a></li>
            <li><a href="">软件</a></li>
        </ul>
        <ul>
            <li><a href="">摄影</a></li>
            <li><a href="">鼠标和键盘</a></li>
            <li><a href="">网状 Wi-Fi 网络</a></li>
            <li><a href="">无线充电器</a></li>
            <li><a href="">显示屏与支架</a></li>
            <li><a href="">新增配件</a></li>
            <li><a href="">游戏与玩具</a></li>
        </ul>
    </div>
    
    

    <!-- banner -->
    <div class="banner-lun">
        <div class="imgbox">
            <div class="a-1">
                <h2>吸引力加身</h2>
                <p>MagSafe 保护壳、卡包或无线充电器，都﻿一﻿贴﻿即﻿合﻿。</p>
                <a href="">选购 MagSafe 磁吸配件 ></a>
            </div>
            <div class="a-2">
                <img src="./imgs/cars/banner1.jpg" alt="">
            </div>
        </div>
    </div>


    <!-- 楼层 -->
    <div id="louceng">
        <p>Top</p>
    </div>

    <!-- 找到你想要的配件 -->
    <div id="ls">
        <div class="ls-auto">
            <h2><span>找到你想要的配件</span></h2>
            <form action="">
                <div class="form-in">
                    <button></button>
                    
                    <input type="text" value="搜索配件">
                </div>
            </form>
        </div>
    </div>
    <!-- 浏览 -->
    <div id="liulan">
        <div class="liulan-c">
            <div class="liulan-top">
                <a href="" class="liebieliulan">按类别浏览</a>
                <a href="" class="anchanpinliulan">按产品浏览</a>
            </div>
            <div class="liulan-cont">
                <div class="liulan-bot1">
                    <a href="">
                        <div>
                            <img src="./imgs/cars/biaoti1.png" alt="">
                        </div>
                        <span>来自 Apple 的配件</span>
                    </a>
                    <a href="">
                        <div>
                            <img src="./imgs/cars/biaoti2.png" alt="">
                        </div>
                        <span>新增配件</span>
                    </a>
                    <a href="">
                        <div>
                            <img src="./imgs/cars/biaoti3.png" alt="">
                        </div>
                        <span>保护壳及保护装备</span>
                    </a>
                    <a href="">
                        <div>
                            <img src="./imgs/cars/biaoti4.png" alt="">
                        </div>
                        <span>耳机与扬声器</span>
                    </a>
                    <a href="">
                        <div>
                            <img src="./imgs/cars/biaoti5.png" alt="">
                        </div>
                        <span>Apple Watch 表带</span>
                    </a>
                </div>
                <div class="yaxian">
                    <a href="">查看所有类别⊕</a>
                </div>
                <div class="liulan-bot2">
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div id="banner-lunbotu">
        <div class="banner-biaoti">
            <h2>AirTag 及配件</h2>
        </div>
        <div class="banner-lunbotu">
            <ul id="goods_list">

            </ul>
            <button id="left"><</button>
            <button id="right">></button>
        </div>
        <nav class="fenyeqi">
            <div class="juzhong">
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>

            </div>
        </nav>
    </div>
    
    <!-- 无线耳机 -->
    <!-- <div id="banner-lunbotu">
        <div class="banner-biaoti">
            <h2>无线耳机</h2>
        </div>
        <div class="banner-lunbotu">
            <ul id="goods_list2">
                
            </ul>
            <button id="left"><</button>
            <button id="right">></button>
        </div>
        <nav class="fenyeqi">
            <div class="juzhong">
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>

            </div>
        </nav>
    </div> -->

    <!-- 底部列表 -->
    <nav id="bottom-liebiao">
        <div class="bottom-liebiao">
            <div>
                <ul class="xuangou">
                    <li class="biaoticss">选购及了解</li>
                    <li><a href="">Mac</a></li>
                    <li><a href="">iPad</a></li>
                    <li><a href="">iPhone</a></li>
                    <li><a href="">Watch</a></li>
                    <li><a href="">Music</a></li>
                    <li><a href="">AirPods</a></li>
                    <li><a href="">HomePod mini</a></li>
                    <li><a href="">iPod touch</a></li>
                    <li><a href="">AirTag</a></li>
                    <li><a href="./cart.html">配件</a></li>
                    <li><a href="">App Store 充值卡</a></li>
                </ul>
            </div>
            <div>
                <ul>
                    <li class="biaoticss">服务</li>
                    <li><a href="">Apple Music</a></li>
                    <li><a href="">iCloud</a></li>
                    <li><a href="">Apple Pay</a></li>
                    <li><a href="">Apple 播客</a></li>
                    <li><a href="">App Store</a></li>
                </ul>
                <ul class="biaoticss2">
                    <li class="biaoticss">账户</li>
                    <li><a href="">管理你的Apple ID</a></li>
                    <li><a href="">App Store 账户</a></li>
                    <li><a href="">iCloud.com</a></li>
                </ul>
            </div>
                
            <div>
                <ul>
                    <li class="biaoticss">App Store 商店</li>
                    <li><a href="">查找零售店</a></li>
                    <li><a href="">在线选购</a></li>
                    <li><a href="">Genius Bar 天才吧</a></li>
                    <li><a href="">Today at Apple</a></li>
                    <li><a href="">Apple 夏令营</a></li>
                    <li><a href="">Apple Store App</a></li>
                    <li><a href="">翻新和优惠</a></li>
                    <li><a href="">分期付款</a></li>
                    <li><a href="">Apple Trade In 换购计划</a></li>
                    <li><a href="">订单状态</a></li>
                    <li><a href="">选购帮助</a></li>
                </ul>
            </div>
            
            <div>
                <ul>
                    <li class="biaoticss">商务应用</li>
                    <li><a href="">Apple 与商务</a></li>
                    <li><a href="">商务选购</a></li>
                </ul>
                <ul class="biaoticss2">
                    <li class="biaoticss">教育应用</li>
                    <li><a href="">Apple 与教育</a></li>
                    <li><a href="">高校师生选购</a></li>
                </ul>
            </div>

            <div>
                <ul>
                    <li class="biaoticss">Apple 价值观</li>
                    <li><a href="">辅助功能</a></li>
                    <li><a href="">环境责任</a></li>
                    <li><a href="">隐私</a></li>
                    <li><a href="">供应商责任</a></li>
                </ul>
                <ul class="biaoticss2">
                    <li class="biaoticss">关于 Apple</li>
                    <li><a href="">Newsroom</a></li>
                    <li><a href="">Apple 管理层</a></li>
                    <li><a href="">工作机会</a></li>
                    <li><a href="">创造就业</a></li>
                    <li><a href="">商业道德与合规性</a></li>
                    <li><a href="">活动</a></li>
                    <li><a href="">联系 Apple</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 底部信息 -->
    <div id="bottom-weibu">
        <section class="bottom-weibu">
        
            <div class="gengduo">
                <span>更多选购方式：</span><a href="">查找你附近的 Apple Store 零售店</a><span>及</span><a href="">更多门店</a><span> ，或者致电 400-666-8800。</span>
                
            </div>
            
            <div class="gengduo2">
                
                <div>
                     <span>Copyright © 2021 Apple Inc. 保留所有权利。</span>
                </div>
               
                <div>
                    <a href="">隐私政策</a><a href="">使用条款</a><a href="">销售政策</a><a href="">法律信息</a><a href="" class="shu">网站地图</a>
                </div>
                
            </div>
            <p>
                京ICP备10214630 营业执照 无线电发射设备销售备案编号11201910351200
            </p>
        </section>
        
    </div>
    

</body>
<script src="./js/jquery.js"></script>
<script src="./js/banner-lun.js"></script>
<script src="./js/louceng.js"></script>
<script src="./js/login.js"></script>
<script src="./js/shousuo.js"></script>
<script src="./js/cart.js"></script>

</html>